<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <link href="config/css/bootstrap-3.3.7.min.css" rel="stylesheet" type="text/css"/>
    <link type="text/css" rel="stylesheet" href="index/css/reset.css">
    <link rel="stylesheet" type="text/css" href="config/js/layer/skin/default/layer.css">
    <link type="text/css" rel="stylesheet" href="index/css/page.css">
    <title>供应商列表</title>
</head>
<body>
<section class="supplier">
    <div class="indexlist">
        <div class="top">
            <div class="new">
                <button class="newclick">添加</button>
            </div>
            <div class="serch">

                <button><img src="index/image/serch.png"></button>
                <input type="text" placeholder="请输入关键字">
            </div>
        </div>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>#</th>
                <th>登录账号</th>
                <th>商家名称</th>
                <th>地址</th>
                <th>负责人姓名</th>
                <th>负责人电话</th>
                <th>最后一次登录时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td><input type="checkbox"></td>
                <td>15665596252</td>
                <td>HengTian</td>
                <td>上海普陀云岭西路</td>
                <td>zhang</td>
                <td>15665596252</td>
                <td>2017-01-07 20:06:52</td>
                <td><button>修改</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>15665596252</td>
                <td>HengTian</td>
                <td>上海普陀云岭西路</td>
                <td>zhang</td>
                <td>15665596252</td>
                <td>2017-01-07 20:06:52</td>
                <td><button>修改</button></td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>15665596252</td>
                <td>HengTian</td>
                <td>上海普陀云岭西路</td>
                <td>zhang</td>
                <td>15665596252</td>
                <td>2017-01-07 20:06:52</td>
                <td><button>修改</button></td>
            </tr>
            </tbody>
        </table>
        <div class="bottom">
            <button class="selected">反选</button>
            <button class="delete">删除</button>
            <ul class="pagination pagination-sm">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </div>
    <div style="clear: both"></div>
    <!--添加/修改弹出框-->
    <div class="newtankuang" style="display: none">
        <div class="basic">
            <h3>基本信息</h3>
            <ul>
                <li>
                    <span>登录手机号：</span>
                    <input type="text" id="supplier-phone">
                </li>
                <li>
                    <span>商家名称：</span>
                    <input type="text" id="supplier-name">
                </li>
                <li>
                    <span>客服电话：</span>
                    <input type="text" id="supplier-telephone">
                </li>
                <li>
                    <span>地址：</span>
                    <input type="text" id="supplier-address">
                </li>
                <li>
                    <span>供应商坐标：</span>
                    <input type="text" id="supplier-latlng">
                    <button><a href="http://lbs.qq.com/tool/getpoint/">地图拾取</a></button>
                </li>
                <li>
                    <span>经营种类：</span>
                    <textarea  id="supplier-test"></textarea>
                </li>
                <li>
                    <span>经营资质：</span>
                    <img id="ceshi1" onclick="javascript:document.getElementById('aaa').click();" src="index/image/imgup.png">
                    <img onclick="javascript:document.getElementById('aaa').click();" src="index/image/imgup.png">
                    <img onclick="javascript:document.getElementById('aaa').click();"  src="index/image/imgup.png">
                    <input type="file" id="aaa" style="display: none">
                </li>
            </ul>
            <div  style="clear: both"></div>
        </div>
        <div  style="clear: both"></div>
        <div class="footer">
            <button class="save">保存</button>
            <button class="back">返回</button>
        </div>
        <div  style="clear: both"></div>
    </div>
</section>
</body>
<script src="config/js/jquery-2.1.4.min.js"></script>
<script src="config/js/layer/layer.js"></script>
<script src="index/js/supplier.js"></script>
<script>
    $(function () {
        $(".new button").click(function () {
            $('.indexlist').hide();
            $('.newtankuang').show();
        });
        $("td button").click(function () {
            $('.indexlist').hide();
            $('.newtankuang').show();
        });
        $(".footer button.back").click(function () {
            $('.indexlist').show();
            $('.newtankuang').hide();
        });
    })
</script>
</html>